<template>
    <div class="letmu">
        <el-row class="tac">  
    <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      background-color="#324057"
      text-color="#fff"
      active-text-color="#409eff">
        <router-link to='/welcome'>
            <el-menu-item index='0'>
            <i class="fa fa-margin fa-server"></i>
            <span solt="title">首页</span>

            </el-menu-item>

        </router-link>

        <template v-for="item in items">
        <el-submenu v-if="item.children" :index='item.path' :key ='item.pasth'>
            <template slot="title">
                <i :class="'fa fa-margin'+item.icon"></i>
                <span slot="title">{{item.name}}</span>
            </template>
            <router-link
            v-for='(citem,cindex) in item.children'
            :to='citem.path'
            :key='cindex'
            >
            <el-menu-item :index="citem.path">
                <span solt="title">{{citem.name}}</span>
            </el-menu-item>
            </router-link>

        </el-submenu>
        </template>

    </el-menu>
 
</el-row>
    </div>
</template>
<script>
export default {
    name:"letmu",
     data(){
         return{
             items:[
                 {
                     icon:"fa-money",
                     name:"资金管理",
                     path:'fund',
                     children:[
                         {
                             path:'findlist',
                             name:'资金流水'
                         }
                     ]
                 },
                 {
                     icon:"fa-asterisk",
                     name:'信息管理',
                     path:'info',
                     children:[
                         {
                             path:'infoshow',
                             name:'个人信息'
                         }
                     ]
                 }
             ]
         }
     },
     methods:{

     }
  
}
</script>
<style scoped>
.letmu{
    position:fixed;
    left:0;
    top:71px;
    min-height: 100%;
    background-color: #324057;
    z-index: 99;
}

.tac{
    width:200px;
}
.el-menu{
    border:none;
}
.hiddenDropdown,.hiddenDropname{
    display: none;
}
a {
    text-decoration:none;
}
</style>